
        * {
            /*通配符选择器*/
            margin: 0;
            padding: 0;
            list-style: none;
        }

        #nav { /*id选择器*/
            height: 30px;
            width: 600px;
            margin: 0 auto;/*块的居中*/
            overflow: hidden;
        }

        #nav li { /*后代选择器*/
            float: left;
            height: 60px;
            width: 100px;
            background: red; /*背景色*/
            text-align: center; /*水平居中*/
            line-height: 30px; /*垂直居中*/
            color: #fff; /*前景色（字体颜色）*/
        }

        .li-after {
            background: yellow;
        }

        .li-before {
            color: black;
        }

        #nav li {
            transition: all 1s;
        }

        /*#nav li:hover .li-before{
            display:none;
        }*/
        #nav li:hover { /*鼠标悬停*/
            transform: translate(0, -50%);
        }
